<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>推荐电影</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script type="text/javascript">
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper",{
					scrollY:true,
					vScroll:true,
					useTransition:true,
					onScrollMove:function(){
						$(".backTop").click(function(){
							myscroll.scrollToElement(".detail-list",300);
						});
					} 
				});
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<link rel="stylesheet" type="text/css" href="../css/recommend-movie.css"/>
	</head>
	<body>
		<!-- 整体 -->
		<div class="wrap">
			
			<!-- 头部 -->
			<div class="header">
				<script type="text/javascript">
					$(".header").load("common-header.html");
				</script>
			</div>
			
			<!-- banner -->
			<div class="banner">
				<img src="../img/TV-img/movie1.png" alt=""/>
				<p class="mark">2016-04-18 即将上映</p>
			</div>
			
			<!-- 具体信息 -->
			<div class="detail-movies" id="wrapper">
				<div id="scroller">
					<!-- 信息 上映时间 导演 类型 -->
					<ul class="detail-list">
						<li>信息：美国<span>|</span>156分钟</li>
						<li>上映时间：2016-04-18</li>
						<li>导演：詹姆斯·卡梅隆</li>
						<li>类型：科幻 动作 冒险</li>
						<li>演员：<span>萨姆·沃辛顿 | 佐伊·索尔达娜 | 西格妮·韦弗 | 史蒂芬·朗米歇尔·罗德里格兹 | 吉奥瓦尼·瑞比西</span></li>
						<li>剧情：《阿凡达2》是电影《阿凡达》的续集，该片由詹姆斯·卡梅隆执导，萨姆·沃辛顿，佐伊·索尔达娜等主演。该片讲述了承接自初代的5年之后<span>>>></span></li>
					</ul>
					
					<!-- 影视相关 -->
					<div class="about-movies">
						<h2 class="movie-title">影视相关</h2>
						
						<div class="about-content">
							<dl class="movie-dllist">
								<dt><img src="../img/TV-img/movie2.png" alt=""/></dt>
								<dd>《阿凡达2》概念图首曝光</dd>
							</dl>
							<dl class="movie-dllist">
								<dt><img src="../img/TV-img/movie2.png" alt=""/></dt>
								<dd>《阿凡达2》概念图首曝光</dd>
							</dl>
							<dl class="movie-dllist">
								<dt><img src="../img/TV-img/movie2.png" alt=""/></dt>
								<dd>《阿凡达2》概念图首曝光</dd>
							</dl>
						</div>
					</div>
					
					<!-- 其他推荐 -->
					<div class="other-movies">
						<h2 class="movie-title">其他推荐</h2>
						
						<div class="other-content">
							<img src="../img/TV-img/movie2.png" alt=""/>
							<img src="../img/TV-img/movie2.png" alt=""/>
							<img src="../img/TV-img/movie2.png" alt=""/>
						</div>
					</div>
		
				</div>
			</div>
			
			<!-- 尾部  -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
			
		</div>
	</body>
</html>
